.terms {
    margin-top: 1rem;
    font-size: 85%;
}

.terms summary {
    color: GrayText;
    cursor: pointer;
    font-size: 0.75rem;
}

.transcript-item {
    background-color: Canvas;
    border-color: ButtonBorder;
}

.human-transcript-item {
    background-color: #1d1d1d;
}

.transcript-item-participant {
    color: GrayText;
}

.transcript-item pre,
.transcript-item span > code,
.transcript-item p > code {
    /* Our syntax highlighter emits colors intended for dark backgrounds only. */
    background-color: #282828;
}

.transcript-item pre,
.transcript-item code {
    background-color: #282828;
    color: #ffffff;
}

.input-row {
    background-color: Canvas;
    border-top: solid 1px ButtonBorder;
}

.chat-input {
    padding: 1rem;
    height: 10vh;
    box-sizing: border-box;
    border: 1px solid ButtonBorder;
    border-radius: 3px;
    min-height: 10vh;
    max-height: 30vh;
    font-family: system-ui, sans-serif;
    font-size: normal;
    color: FieldText;
    background-color: #222222;
}

.terms {
    font-size: 85%;
}
